<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
	<script src="js/jquery-3.1.1.js"></script>
	<link rel="stylesheet" type="text/css" href="css/上下.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/footer.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
	<script type="text/javascript" src="js/idangerous.swiper.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src = "js/上下.js"></script>
	<script src = "js/footer.js"></script>
	<script src = "js/index.js"></script>
	<title>首页</title>
	<style>
		.swiper-pagination-bullet{
			background-color: gray;
			width: 50px;
			height: 1px;
			border: 1px solid white;
			border-radius: 0;
			opacity: .6;
		}
		.swiper-pagination-bullet-active{
			/*background-color: white;*/
			opacity: 1;
		}
	</style>
</head>
<body >
	<div class="ys_boss">
		<header class="ys_banner">		
			<a href="https://www.ywart.com/login" class="ys_a"><input type="submit" value="创建账号"  class="ys_input1"></a>
			<a href="https://www.ywart.com/login" class="ys_a"><input type="submit" value="登录" class="ys_input2"></a>
			<input type="text" placeholder="搜索艺术家或艺术品" class="ys_input3">
			<img src="images/yuan.jpg" class="ys_img1" >
			<img src="images/X.jpg" class="ys_imgx">
		</header>
		<div>
			<!-- 第一块内容 -->
			<section class="section_head">
				<img src="images/indexhead.jpg" class="section_head_img">
				<div class="section_head_text">
					<a href="html/购艺术.html"><div>艺网，原创艺术品电商平台</div>
					<div>ART YOU WANT</div>
					<div>你可以买到</div></a>
				</div>
			</section>

			<!-- 第二块内容 -->
			<section>
				<div class="jd_banner swiper-container">
					<ul class="image_box swiper-wrapper">
						<li  class="swiper-slide"><a href="html/多维度.html"><img src="images/dwd2app.jpg" alt=""></a></li>
						<li  class="swiper-slide"><a href="html/藏艺术.html""><img src="images/collectbannerMobi.jpg" alt=""></a></li>
						<li  class="swiper-slide"><img src="images/framehead.png" alt=""></li>
					</ul>
					<div class="swiper-pagination"></div>
				</div>
			</section>

			<!-- 第三块内容 -->
			<section>
				<div class="three clear_f">
					<!-- 油画 -->
					<div class="sort" onclick="sort1()">
						<h1 class="">油画 </h1>
						<img src="images/尖括号下.png" class="f_right">
					</div>	
					<div class="sort_box sort_display1">
						<div class="sort_content">
							<img src="images/31.jpg" class="img">
							<div class= "sort_text">
								<div>项柳倩</div>
								<div>wave2 2017</div>
								<div>&yen;19,800</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/32.jpg">
							<div class= "sort_text">
								<div>张庭群</div>
								<div>2017.6.8 2017</div>
								<div>&yen;110,800</div>
							</div>
						</div>
					</div>
					<div class="sort_box sort_display1">
						<div class="sort_content">
							<img src="images/33.jpg" class="img">
							<div class= "sort_text">
								<div>高梦琳</div>
								<div>血脉森林 2017</div>
								<div>&yen;44,800</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/34.jpg">
							<div class= "sort_text">
								<div>张辉</div>
								<div>玉兰树植物 2017</div>
								<div>&yen;19,800</div>
							</div>
						</div>
					</div>
					<!-- ￥2,000-5,000 -->
					<div class="sort" onclick="sort2()">
						<h1 class="">&yen;2,000-5,000 </h1>
						<img src="images/尖括号下.png" class="f_right">
					</div>	
					<div class="sort_box sort_display2">
						<div class="sort_content">
							<img src="images/35.jpg" class="img">
							<div class= "sort_text">
								<div>贾宽</div>
								<div>谁知道 2017</div>
								<div>&yen;1,080</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/36.jpg">
							<div class= "sort_text">
								<div>张迪</div>
								<div>鹿 2017</div>
								<div>&yen;1,050</div>
							</div>
						</div>
					</div>
					<div class="sort_box sort_display2">
						<div class="sort_content">
							<img src="images/37.jpg" class="img">
							<div class= "sort_text">
								<div>宋迪</div>
								<div>white 2017</div>
								<div>&yen;1,400</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/38.jpg">
							<div class= "sort_text">
								<div>刘海伦</div>
								<div>紫色孔雀 2017</div>
								<div>&yen;1,800</div>
							</div>
						</div>
					</div>
					<!-- 抽象 -->
					<div class="sort" onclick="sort3()">
						<h1 class="">抽象</h1>
						<img src="images/尖括号下.png" class="f_right">
					</div>	
					<div class="sort_box sort_display3">
						<div class="sort_content">
							<img src="images/39.jpg" class="img">
							<div class= "sort_text">
								<div>唐明伟</div>
								<div>中国大于 2017</div>
								<div>&yen;29,080</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/40.jpg">
							<div class= "sort_text">
								<div>王玉峰</div>
								<div>打字机 2015</div>
								<div>&yen;1,050</div>
							</div>
						</div>
					</div>
					<div class="sort_box sort_display3">
						<div class="sort_content">
							<img src="images/41.jpg" class="img">
							<div class= "sort_text">
								<div>于文文</div>
								<div>为什么不能一直线 2017</div>
								<div>&yen;5,400</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/42.jpg">
							<div class= "sort_text">
								<div>角一</div>
								<div>物体系列 2017</div>
								<div>&yen;5,800</div>
							</div>
						</div>
					</div>
					<div class="sort_box sort_display3">
						<div class="sort_content">
							<img src="images/43.jpg" class="img">
							<div class= "sort_text">
								<div>段小刚</div>
								<div>形状 2017</div>
								<div>&yen;20,400</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/44.jpg">
							<div class= "sort_text">
								<div>彭涛</div>
								<div>说明书 2017</div>
								<div>&yen;34,800</div>
							</div>
						</div>
					</div>
					<!-- 陈可 -->
					<div class="sort" onclick="sort4()">
						<h1 class="">陈可 </h1>
						<img src="images/尖括号下.png" class="f_right">
					</div>
					<div class="sort_box sort_display4">
						<div class="sort_content">
							<img src="images/45.jpg" class="img">
							<div class= "sort_text">
								<div>陈可</div>
								<div>月夜 2017</div>
								<div>&yen;201,400</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/46.jpg">
							<div class= "sort_text">
								<div>陈可</div>
								<div>海 2017</div>
								<div>&yen;61,800</div>
							</div>
						</div>
					</div>
					<div class="sort_box sort_display4">
						<div class="sort_content">
							<img src="images/47.jpg" class="img">
							<div class= "sort_text">
								<div>陈可</div>
								<div>湖边 2017</div>
								<div>&yen;61,400</div>
							</div>
						</div>
						<div class="sort_content">
							<img src="images/48.jpg">
							<div class= "sort_text">
								<div>陈可</div>
								<div>瀑布 2017</div>
								<div>&yen;81,800</div>
							</div>
						</div>
					</div>
					<!-- 更多 -->
					<div class="sort">
						<a href="html/购艺术.html"><h1 class="more">还有更多…</h1></a>
					</div>
				</div>
			</section>
			<!-- 第四部分 -->
			<section>
				<div class="four">
					<div class="sort">
						<h1 class="more">阅读有趣的专题</h1>
					</div>
					<a href="html/版画.html"><img src="images/专题.png" alt=""></a>
					<div class="four_box">
						<a href="html/login 登录.html"><div class="four_img">放在"家"里欣赏</div></a>
						<div class="four_img1">
							<img src="images/33.jpg"onclick="home1()">
							<img src="images/31.jpg"onclick="home2()">
							<img src="images/32.jpg"onclick="home3()">
						</div>
					</div>
				</div>
			</section>
			<!-- 第五部分 -->
			<section>
				<div class="five">
					<div class="five_img">
					 	<img src="images/appicon.png" alt="">
					 </div>
					<div class="info">
					 	<p>有艺网，你的App圈更具艺术范儿</p>
					 	<p>海量作品  购买便捷  实景体验</p>
					</div>
					<div class="apple">
						<img src="images/IOSBlackDL.png" alt="">
						<br>
						<img src="images/AndroidBlackDL.png" alt="">
					</div>
					<div class="footer">
						<ul>
							<li class="help help1" onclick="help1()">YWART.com <span>+</span></li>
						</ul>
						<ul class="help_display display1">
							<li><a href="index.html">精选</a></li>
							<li><a href="html/购艺术.html">购艺术</a></li>
							<li><a href="html/造艺.html">造艺</a></li>
							<li><a href="html/藏艺术.html">藏艺术</a></li>
							<li><a href="html/login 登录.html">我的珍藏</a></li>
						</ul>
						<ul>
							<li class="help help2" onclick="help2()">了解艺网 <span>+</span></li>
						</ul>
						<ul class="help_display display2">
							<li><a href="html/关于我们.html">关于我们</a></li>
							<li><a href="html/工作机会.html">工作机会</a></li>
							<li><a href="html/联系我们.html">网站地图</a></li>
						</ul>
						<ul>
							<li class="help help3" onclick="help3()">支持与帮助 <span>+</span></li>
						</ul>
						<ul class="help_display display3">
							<li><a href="html/如何购买.html">如何购买</a></li>
							<li><a href="html/物流说明.html">物流说明</a></li>
							<li><a href="html/联系我们.html">联系我们</a></li>
						</ul>
						<ul>
							<li class="help help4 box_buttom" onclick="help4()">合作 <span>+</span></li>
						</ul>
						<ul class="help_display display4">
							<li><a href="html/作品征集.html">作品征集</a></li>
							<li><a href="html/作品征集.html">合作伙伴入驻</a></li>
						</ul>
						<div class="footer_text">京ICP备16003461号 Copyright © 2015-2016 艺网</div>
						<div>YWART.COM 版权所有</div>
					</div>
				</div>
			</section>
		</div>
		<footer class="ys_footer">
			<ul class="ys_footer2">
				<a href="html/购艺术.html">
					<li>购艺术</li>
				</a>
				<a href="html/造艺网.html">
					<li>造艺</li>
				</a>
				<a href="html/藏艺术.html">
					<li>藏艺术</li>
				</a>
				<a href="html/数字美术馆.html" class="foot">
					<li>数字美术馆</li>
				</a>
			</ul>
			<div class="menu"> <span class="menu_span1 f_left">艺网</span> <span class="menu_span2 f_right">▲</span></div>
			
			<div class="ys_img">
				<ul>
					<li class="ys_img3"><a href="html/多维度.html"><div>发现</div></a></li>
					<li class="ys_img4"><a href="html/login 登录.html">购物车</a></li>
					<li class="ys_img5"><a href="html/login 登录.html">我</a></li>
				</ul>		
			</div>
		</footer>
	</div>
	<script>
		var swiper = new Swiper('.swiper-container', {
		    loop:true,
		    autoplay:4000,
		    pagination: '.swiper-pagination',
		    paginationClickable: true,
		    nextButton: '.swiper-button-next',
        	prevButton: '.swiper-button-prev',
        	// spaceBetween: 30,
        	centeredSlides: true,
        	autoplayDisableOnInteraction: false
		});
    </script>
</body>
</html>